.rechargeChatDetails{ position: relative; min-height: 100%;}
.rechargeChatDetails .writing_right{ padding-left: 180px; height: calc(100vh - 210px); position: relative;}
.rechargeChatDetails .TitleList{ padding: 20px; padding-right: 0;}
.rechargeChatDetails .TitleList .TitleList_padding{ background: #f1f5fe; position: fixed; right: 30px; top: 62px; width: calc(100% - 324px); padding: 20px 0px; padding-bottom: 12px;}
.rechargeChatDetails .TitleList .TitleList_top{ background: #fff; border-radius: 4px; padding: 28px; display: flex; justify-content: space-between; align-items: center;}
.rechargeChatDetails .TitleList .TitleList_top .TitleList_top_title{ font-size: 18px; color: #22242c; font-weight: bolder; display: flex; align-items: center; margin-bottom: 0;}
.rechargeChatDetails .TitleList .TitleList_top .TitleList_top_title span{ display: flex; align-items: center; flex-direction: column; justify-content: center; margin-right: 11px;}
.rechargeChatDetails .TitleList .TitleList_top .TitleList_top_title span::before{ content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background: #3662eb; margin-bottom: 3px;}
.rechargeChatDetails .TitleList .TitleList_top .TitleList_top_title span::after{ content: ""; display: inline-block; width: 4px; height: 14px; border-radius: 100px; background: #3662eb; margin-bottom: 3px;}
.rechargeChatDetails .TitleList .TitleList_top .TitleList_top_txt{ display: flex; align-items: center; justify-content: space-between;}
.rechargeChatDetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd{ display: flex; align-items: center;}
.rechargeChatDetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list{ display: flex; align-items: center; font-size: 13px; color: #abaeb6; height: 38px; border-radius: 4px; border: 1px solid #dcdee6; padding: 0px 13px; margin-right: 11px; cursor: pointer;}
.rechargeChatDetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list:last-child{ margin-right: 0;}
.rechargeChatDetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list span{ display: flex; align-items: center; justify-content: center; position: relative; margin-right: 5px; margin-left: 0;}
.rechargeChatDetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list span img{ height: 12px;}
.rechargeChatDetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;}
.rechargeChatDetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list.active{ border: 1px solid #3662eb; background: #3662eb; color: #fff;}
.rechargeChatDetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list.active span img{opacity: 0;}
.rechargeChatDetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list.active span img:last-child{opacity: 1;}
.rechargeChatDetails .TitleList .pointsdetails_title_right{ display: flex; flex-direction: column; align-items: flex-end;}
.rechargeChatDetails .TitleList .pointsdetails_title_right .title_right_dd{ display: flex; align-items: center; font-size: 13px; color: #474b5a; margin-bottom: 17px;}
.rechargeChatDetails .TitleList .pointsdetails_title_right .title_right_dd span{ background: #e8eeff; border-radius: 100px; font-size: 13px; color: #474b5a; height: 24px; padding: 0px 11px; display: flex; align-items: center; margin-left: 2px;}
.rechargeChatDetails .TitleList .pointsdetails_title_right .title_right_dt{ display: flex; align-items: center;}
.rechargeChatDetails .TitleList .pointsdetails_title_right .title_right_dt .el-button{ border: 0; padding: 12px 0px;}
.rechargeChatDetails .TitleList .pointsdetails_title_right .title_right_dt .el-button:hover{ background: #fff;}
.rechargeChatDetails .TitleList .pointsdetails_title_right .title_right_dt a{ display: flex; align-items: center; font-size: 13px; color: #3662eb;}
.rechargeChatDetails .TitleList .pointsdetails_title_right .title_right_dt a i{ margin-right: 7px; font-size: 16px;}
.rechargeChatDetails .TitleList .pointsdetails_title_right .title_right_dt .right_dt_btn{ margin-left: 20px; width: 110px; height: 34px; border-radius: 4px; font-size: 13px; color: #fff; background: #3662eb; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.rechargeChatDetails .pointsdetails_content{ background: #fff; border-radius: 4px; padding: 28px 0px; margin-top: 94px;}



.rechargeChatDetails .allflow .allflow_content .allflow_content_list{ display: flex; justify-content: space-between; padding: 0px 30px; border-bottom: 1px solid #f2f6fe;}
.rechargeChatDetails .allflow .allflow_content .allflow_content_list .content_list_li{ font-size: 13px; color: #474b5a; padding: 20px 0px; width: 10%; line-height: 1.5;}
.rechargeChatDetails .allflow .allflow_content .allflow_content_list .content_list_li:nth-child(1){ width: 15%;}
.rechargeChatDetails .allflow .allflow_content .allflow_content_list .content_list_li.center{ text-align: center;}
.rechargeChatDetails .allflow .allflow_content .allflow_content_list .content_list_li a{ font-size: 13px; color: #3662eb;}
.rechargeChatDetails .allflow .page{ margin-top: 25px; padding: 0px 28px;}





.RechargeSuccessful{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 8;}
.RechargeSuccessful .RechargeSuccessful_bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.6); display: flex; align-items: center; justify-content: center;}
.RechargeSuccessful .RechargeSuccessful_bg .RechargeSuccessful_content{ display: flex; width: 450px; height: 280px; background: #fff; border-radius: 4px; box-shadow: 0px 0px 80px rgba(0,0,0,.1); display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;}
.RechargeSuccessful .RechargeSuccessful_bg .RechargeSuccessful_content .RechargeSuccessful_close{ position: absolute; right: 20px; top: 20px; cursor: pointer;}
.RechargeSuccessful .RechargeSuccessful_bg .RechargeSuccessful_content .RechargeSuccessful_close i{ font-size: 26px; color: #999;}
.RechargeSuccessful .RechargeSuccessful_bg .RechargeSuccessful_content .RechargeSuccessful_content_icon{ width: 50px; height: 50px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #3662eb; margin-bottom: 26px;}
.RechargeSuccessful .RechargeSuccessful_bg .RechargeSuccessful_content .RechargeSuccessful_content_icon i{ color: #fff; font-size: 26px;}
.RechargeSuccessful .RechargeSuccessful_bg .RechargeSuccessful_content .RechargeSuccessful_content_title{ font-size: 20px; color: #111;}











